<h2>Divarea editor:</h2>
<div contenteditable="true" id="editor1">
	<p>Lorem ipsum dolor sit amet, consectetur adipiscingHelloelit. Duis tristique, lacus at feugiat dapibus, urna odio efficitur urna, in rutrum tortor risus sed nisi. Phasellus est velit, convallis ac luctus a, interdum ut risus. Fusce in dui urna. Suspendisse nec pharetra magna, ut fringilla tellus. Duis eleifend placerat dui, fermentum aliquam neque consectetur maximus. Nulla dolor lectus, gravida at viverra quis, aliquam eget ante. Donec dignissim dolor augue, sit amet lacinia quam convallis ac. Vivamus luctus at ligula quis sodales. Etiam nisl tortor, lacinia in arcu sed, mollis tincidunt nibh. Donec sit amet quam ut ligula suscipit egestas et non turpis. Nullam tempor ornare nisl in varius. Phasellus scelerisque egestas erat in auctor. Ut id mi nisl.</p>
	<p><strong>Hello</strong></p>
	<p style="text-align:center;"><strong>Hello</strong></p>
	<p style="text-align:right;"><strong>Hello</strong></p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscingHelloelit. Duis tristique, lacus at feugiat dapibus, urna odio efficitur urna, in rutrum tortor risus sed nisi. Phasellus est velit, convallis ac luctus a, interdum ut risus. Fusce in dui urna. Suspendisse nec pharetra magna, ut fringilla tellus. Duis eleifend placerat dui, fermentum aliquam neque consectetur maximus. Nulla dolor lectus, gravida at viverra quis, aliquam eget ante. Donec dignissim dolor augue, sit amet lacinia quam convallis ac. Vivamus luctus at ligula quis sodales. Etiam nisl tortor, lacinia in arcu sed, mollis tincidunt nibh. Donec sit amet quam ut ligula suscipit egestas et non turpis. Nullam tempor ornare nisl in varius. Phasellus scelerisque egestas erat in auctor. Ut id mi nisl.</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscingHelloelit. Duis tristique, lacus at feugiat dapibus, urna odio efficitur urna, in rutrum tortor risus sed nisi. Phasellus est velit, convallis ac luctus a, interdum ut risus. Fusce in dui urna. Suspendisse nec pharetra magna, ut fringilla tellus. Duis eleifend placerat dui, fermentum aliquam neque consectetur maximus. Nulla dolor lectus, gravida at viverra quis, aliquam eget ante. Donec dignissim dolor augue, sit amet lacinia quam convallis ac. Vivamus luctus at ligula quis sodales. Etiam nisl tortor, lacinia in arcu sed, mollis tincidunt nibh. Donec sit amet quam ut ligula suscipit egestas et non turpis. Nullam tempor ornare nisl in varius. Phasellus scelerisque egestas erat in auctor. Ut id mi nisl.</p>
</div>
<hr>
<h2>classic editor:</h2>
<textarea id="editor2">
	<p>Lorem ipsum dolor sit amet, consectetur adipiscingHelloelit. Duis tristique, lacus at feugiat dapibus, urna odio efficitur urna, in rutrum tortor risus sed nisi. Phasellus est velit, convallis ac luctus a, interdum ut risus. Fusce in dui urna. Suspendisse nec pharetra magna, ut fringilla tellus. Duis eleifend placerat dui, fermentum aliquam neque consectetur maximus. Nulla dolor lectus, gravida at viverra quis, aliquam eget ante. Donec dignissim dolor augue, sit amet lacinia quam convallis ac. Vivamus luctus at ligula quis sodales. Etiam nisl tortor, lacinia in arcu sed, mollis tincidunt nibh. Donec sit amet quam ut ligula suscipit egestas et non turpis. Nullam tempor ornare nisl in varius. Phasellus scelerisque egestas erat in auctor. Ut id mi nisl.</p>
	<p><strong>Hello</strong></p>
	<p style="text-align:center;"><strong>Hello</strong></p>
	<p style="text-align:right;"><strong>Hello</strong></p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscingHelloelit. Duis tristique, lacus at feugiat dapibus, urna odio efficitur urna, in rutrum tortor risus sed nisi. Phasellus est velit, convallis ac luctus a, interdum ut risus. Fusce in dui urna. Suspendisse nec pharetra magna, ut fringilla tellus. Duis eleifend placerat dui, fermentum aliquam neque consectetur maximus. Nulla dolor lectus, gravida at viverra quis, aliquam eget ante. Donec dignissim dolor augue, sit amet lacinia quam convallis ac. Vivamus luctus at ligula quis sodales. Etiam nisl tortor, lacinia in arcu sed, mollis tincidunt nibh. Donec sit amet quam ut ligula suscipit egestas et non turpis. Nullam tempor ornare nisl in varius. Phasellus scelerisque egestas erat in auctor. Ut id mi nisl.</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscingHelloelit. Duis tristique, lacus at feugiat dapibus, urna odio efficitur urna, in rutrum tortor risus sed nisi. Phasellus est velit, convallis ac luctus a, interdum ut risus. Fusce in dui urna. Suspendisse nec pharetra magna, ut fringilla tellus. Duis eleifend placerat dui, fermentum aliquam neque consectetur maximus. Nulla dolor lectus, gravida at viverra quis, aliquam eget ante. Donec dignissim dolor augue, sit amet lacinia quam convallis ac. Vivamus luctus at ligula quis sodales. Etiam nisl tortor, lacinia in arcu sed, mollis tincidunt nibh. Donec sit amet quam ut ligula suscipit egestas et non turpis. Nullam tempor ornare nisl in varius. Phasellus scelerisque egestas erat in auctor. Ut id mi nisl.</p>
</textarea>
<hr>
<h2>Inline editor:</h2>
<div contenteditable="true" id="editor3" style="width:500px">
	<p>Lorem ipsum dolor sit amet, consectetur adipiscingHelloelit. Duis tristique, lacus at feugiat dapibus, urna odio efficitur urna, in rutrum tortor risus sed nisi. Phasellus est velit, convallis ac luctus a, interdum ut risus. Fusce in dui urna. Suspendisse nec pharetra magna, ut fringilla tellus. Duis eleifend placerat dui, fermentum aliquam neque consectetur maximus. Nulla dolor lectus, gravida at viverra quis, aliquam eget ante. Donec dignissim dolor augue, sit amet lacinia quam convallis ac. Vivamus luctus at ligula quis sodales. Etiam nisl tortor, lacinia in arcu sed, mollis tincidunt nibh. Donec sit amet quam ut ligula suscipit egestas et non turpis. Nullam tempor ornare nisl in varius. Phasellus scelerisque egestas erat in auctor. Ut id mi nisl.</p>
	<p><strong>Hello</strong></p>
	<p style="text-align:center;"><strong>Hello</strong></p>
	<p style="text-align:right;"><strong>Hello</strong></p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscingHelloelit. Duis tristique, lacus at feugiat dapibus, urna odio efficitur urna, in rutrum tortor risus sed nisi. Phasellus est velit, convallis ac luctus a, interdum ut risus. Fusce in dui urna. Suspendisse nec pharetra magna, ut fringilla tellus. Duis eleifend placerat dui, fermentum aliquam neque consectetur maximus. Nulla dolor lectus, gravida at viverra quis, aliquam eget ante. Donec dignissim dolor augue, sit amet lacinia quam convallis ac. Vivamus luctus at ligula quis sodales. Etiam nisl tortor, lacinia in arcu sed, mollis tincidunt nibh. Donec sit amet quam ut ligula suscipit egestas et non turpis. Nullam tempor ornare nisl in varius. Phasellus scelerisque egestas erat in auctor. Ut id mi nisl.</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscingHelloelit. Duis tristique, lacus at feugiat dapibus, urna odio efficitur urna, in rutrum tortor risus sed nisi. Phasellus est velit, convallis ac luctus a, interdum ut risus. Fusce in dui urna. Suspendisse nec pharetra magna, ut fringilla tellus. Duis eleifend placerat dui, fermentum aliquam neque consectetur maximus. Nulla dolor lectus, gravida at viverra quis, aliquam eget ante. Donec dignissim dolor augue, sit amet lacinia quam convallis ac. Vivamus luctus at ligula quis sodales. Etiam nisl tortor, lacinia in arcu sed, mollis tincidunt nibh. Donec sit amet quam ut ligula suscipit egestas et non turpis. Nullam tempor ornare nisl in varius. Phasellus scelerisque egestas erat in auctor. Ut id mi nisl.</p>
</div>
<script>
	CKEDITOR.on( 'instanceReady', function( evt ) {
		var strongs = evt.editor.editable().find( 'strong' ),
			panel = new CKEDITOR.ui.balloonPanel( evt.editor, {
				height: 200,
				content: 'Editor test'
			} ),
			i = 0,
			strong;

		panel.setTitle( 'Title' );

		while ( ( strong = strongs.getItem( i++ ) ) ) {
			strong.setStyle( 'background', 'pink' );
			strong.setStyle( 'outline', '4px solid red' );
			strong.on( 'click', function() {
				panel.parts.content.setHtml( '<p style="padding: 10px;white-space:normal;">Clicked element: ' + this.getName() + ' ("' + this.getText() + '")</p>' );
				panel.attach( this );
			} );
		}
	} );



	CKEDITOR.replace( 'editor1', {
		extraPlugins: 'divarea',
		width: 500
	} );
	CKEDITOR.replace( 'editor2', {
		width: 500
	} );
	CKEDITOR.inline( 'editor3', {
		width: 500,
		extraPlugins: 'floatingspace'
	} );
</script>
